<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
  <link rel="stylesheet" type="text/css" href="msoffice.css" />
  <Title>C64 Studio</Title>
</HEAD>

<body>
  <H3>Sprite Editor - Editor Pane</H3>
  <div id="mybody">
    The sprite editor supports editing a set of up to 256 sprites. Both single color and multi color are supported. Sprites can be
    directly modified, flipped horizontally and vertically as well as copied and pasted to/from the clipboard.<br>
    <br>
    <br>
    <img src="images/sprite_editor.png"><br>
    <br>
    <br>
    <b>Selection</b><br>
    You can select a single char by left clicking, a range by shift-left clicking or a rectangular selection by alt-left clicking. If copied and pasted from the clipboard the copied selection style will matter when inserting.<br>
    <br>
    <b>Copy to Clipboard</b><br>
    The images are written to the clipboard as 8 bit indexed files where the first 16 colors are set in the palette.<br>
    <br>
    <b>Paste from Clipboard</b><br>
    Like wise any images from the clipboard are expected to be 8 bit indexed. The size does not matter, images will also be pasted partially and overlapping into the neighbouring sprites.
    Pasting an image also will try to map to the currently set multi color colors. If the pasted image does not meet the expectations (eg. too many colors) the
    paste will be skipped. This means, for a successful paste you have to set the proper multi color colors.<br>
  </div>
  <H3>Sprite Editor - Project Pane</H3>
  <div id="mybody">
    On the project pane several import/export functions are available.<br>
    <br>
    <br>
    <img src="images/sprite_editor_project.png"><br>
    <br>
    <br>
    Generally: Since sprites only use 63 bytes a fill byte is written after the sprite data containing the sprites custom color. If the sprite is set to multi color the MSB is set.<br>
    <br>
    <br>
    <b>Export to file</b><br>
    Exports the given number of sprites to a binary file.<br>
    <br>
    <b>Export to data</b><br>
    Exports the binary data of the given number of sprites to text. The fields Prefix with and wrap are used to build the resulting text.<br>
    <br>
    <b>Export to image</b><br>
    Exports the given number of sprites as an PNG image.<br>
    <br>
    <b>Import from file</b><br>
    Imports sprites from a binary file. The file is expected to have a size of a multiple of 64.<br>
    <br>
    <b>Import from image</b><br>
    Imports sprites from an image. The image file is expected to to be 8 bit index and have a size of a multiple of 24 horizontally and 21 vertically.<br>
    <br>
  </div>
  <H3>Sprite Editor - Preview</H3>
  <div id="mybody">
    The layer editor lets you arrange sprites to see what they look like combined or overlapped.<br>
    <br>
    <br>
    <img src="images/sprite_editor_layer.png"><br>
    <br>
    <br>
    On the top left is the list of sprites in the current frame. Position and color sprites as you see fit.<br>
    <br>
    <br>
    On the bottom left is the list of frames. A frame is a constellation of sprites. This allows to test simple animations.<br>
    <br>
    <br>
  </div>
</body>
</HTML>
